<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, user-scalable=0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="description" content="萌宠在线是全球最大的中文宠物在线交流平台，这里有许多关于宠物的科普、分享或求助等资讯。大家可以在这里成为更加优秀的铲屎官。">
    <meta name="keywords" content="萌宠,宠物,动物,宠物医疗,宠物科普,宠物分享,救助宠物,可爱的小动物">

    <link rel="shortcut icon" href="./images/logo.ico">
    <title>萌宠在线 - 你的宠物指南</title>
    <link rel="stylesheet" href="./css/fonts.css">
    <link rel="stylesheet/less" href="./less/common.less">
    <link rel="stylesheet/less" href="./less/index.less">
    <script src="./js/lessc.js"></script>
</head>

<body>
    <header>
        <div class="search-box">
            <div class="search-ico"></div>
            <input type="search" name="search" placeholder="搜索帖子">
            <div class="search-click">搜索</div>
        </div>
        <!-- 随便找的几张图片-->
        <div class="banner">
            <div class="items">
            </div>
            <div class="items-nav"></div>
            <div class="back"></div>
            <div class="forward"></div>
        </div>
        <div class="logo">
        </div>
        <aside>
            <div>随时随地</div>
            <div>呵护宠物</div>
            <div class="login">立即登录</div>
            <div><span>还没有账号？</span><span class="register">立即注册</span></div>
        </aside>
        <div class="login">

        </div>
    </header>
    <nav>
        <div class="content">
            <div class="find">
                <span></span>
                <span>发现</span>
            </div>
            <div class="publish">
                <span></span>
                <span>发布</span>
            </div>
            <div class="messages">
                <span></span>
                <span>消息</span>
            </div>
            <div class="more">
                <span></span>
                <span>更多</span>
            </div>
        </div>

    </nav>
    <main>
        <ul class="nav">
            <li>推荐</li>
            <li>科普</li>
            <li>分享</li>
            <li>求助</li>
            <li>众筹</li>
            <li>云养</li>
        </ul>
        <article></article>

    </main>
    <div class="topic">
        <div class="content">
            <div class="title">
                <span>#话题榜</span>
                <span></span>
            </div>
            <ul>
                <li><span>#</span><span>宠物卖萌中心</span> </li>
                <li><span>#</span><span>宠物摄影</span> </li>
                <li><span>#</span><span>宠物日常</span> </li>
                <li><span>#</span><span>宠物小精灵</span> </li>
                <li><span>#</span><span>极国宠物大晒</span> </li>
                <li><span>#</span><span>我家宠物好可爱</span> </li>
                <li><span>#</span><span>宠物领养</span> </li>
                <li><span>#</span><span>宠物奥斯卡</span> </li>
                <li><span>#</span><span>宠物高萌瞬间</span> </li>
                <li><span>#</span><span>最萌宠物</span> </li>
            </ul>
            <div class="more">
                <span>查看完整话题榜单</span>
                <span></span>
            </div>
        </div>
    </div>
    <footer>
        <div class="content">
            <ul>
                <li class="help">
                    <div class="title"><span></span>帮助中心</div>
                    <div class="main"><span>客服</span><span>自助中心</span><span>常见问题</span></div>
                </li>
                <li class="serve">
                    <div class="title"><span></span>合作&服务</div>
                    <div class="main"><span>营销</span><span>开放平台</span><span>更多</span></div>
                </li>
                <li class="reort">
                    <div class="title"><span></span>举报中心</div>
                    <div class="main"><span>投诉</span><span>处理大厅</span><span>更多</span></div>
                </li>
                <li class="about">
                    <div class="title"><span></span>关于我们</div>
                    <div class="main"><span>加入我们</span><span>备案资质</span></div>
                </li>
            </ul>
        </div>

    </footer>
    <div class="return-top"></div>
    <script type="module" src="./js/index.js"></script>
    <!-- <script src="js/jy-flexible.js"></script> -->
</body>

</html>